<!-- template inhertance -->
<extend name="layout/default"/>

<!-- styles -->
<block name="linkcss">
    <link rel="stylesheet" href="/Public/home/css/staffInterview/staff.css">
</block>

<!-- scripts -->
<block name="linkjs">
    <script src="/Public/home/js/staffInterview/index.js"></script>
</block>

<!-- page title -->
<block name="webtitle">
    <title>员工定期谈话记录首页</title>
</block>

<!-- navagations -->
<block name="breadcrumb">
    <ol class="breadcrumb breadcrumb-edit">
        <li class="active">员工定期谈话记录</li>
    </ol>
</block>

<!-- main body -->
<block name="content">
    <div class="staff">
        <!-- 左侧列表 -->
        <div class="list-staff">
            <ul>
                <li class="active">
                    <a href="staffInterviewIndex.html">
                        <i class="icon-table"></i>
                        <span class="ml-5">员工定期谈话记录</span>
                    </a>
                </li>
                <li>
                    <a href="staffInterviewCreate.html">
                        <i class="icon-plus"></i>
                        <span class="ml-5">创建谈话记录</span>
                    </a>
                </li>
            </ul>
        </div>

        <!-- 右侧内容 -->
        <div class="index-staff">
            <!--头部-->
            <div class="header">
                <!--搜索-->
                <form action="" class="layui-form">
                    <div class="layui-inline pull-right">
                        <div class="layui-input-inline layui-input-inline-search">
                            <input type="text" class="layui-input input-search" name="staffSearch" lay-verify="required" placeholder="输入被面谈人姓名或谈话日期查询">
                            <button type="submit" class="layui-btn"><i class="icon-search"></i></button>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </form>
            </div>
            <!--内容-->
            <div class="body">
                <!--列表-->
                <table class="table table-hover">
                    <thead>
                    <tr>
                        <th>标题</th>
                        <th>被面谈人</th>
                        <th>谈话日期</th>
                        <th>记录人(谈话人)</th>
                        <th>审阅人</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>
                            <a href="staffInterviewDetail.html" class="record" data-id="1"><span>某某</span>定期谈话记录</a>
                        </td>
                        <td>XXX</td>
                        <td>2019-06-12</td>
                        <td>XXX</td>
                        <td>XXX</td>
                    </tr>
                    <tr>
                        <td>
                            <a href="staffInterviewDetail.html" class="record" data-id="2"><span>某某</span>定期谈话记录</a>
                        </td>
                        <td>XXX</td>
                        <td>2019-06-14</td>
                        <td>XXX</td>
                        <td>XXX</td>
                    </tr>
                    </tbody>
                </table>

                <!--分页-->
                <ul class="pagination pagination-edit">
                    <li>
                        <a href="javascript:void(0);">当前1/1</a>
                    </li>
                    <li class="active">
                        <span class="current">1</span>
                    </li>
                    <li>
                        <a class="next" aria-label="Next" href="">
                            <span aria-hidden="true">下一页</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</block>